<template>
    <div class="container">
        <div class="layout">
            <img class="logo" src="../assets/logo.png" />
        </div>
    </div>
</template>

<script>
import { useRouter } from 'vue-router';
export default {
    name: 'Index',
    components: {
    },
    methods: {

    },
    mounted() {
        const router = useRouter();
        setTimeout(() => {
            router.push("/home")
        }, 300);
    }
}
</script>

<style scoped>
.container {
    position: fixed;
    width: 100%;
    height: 100%;
    margin: 0;
    padding: 0;
    background: transparent;
}

.layout {
    width: 100%;
    height: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    background: transparent;
}

.logo {
    background: transparent;
    display: block;
    width: 40%;
    height: auto;
    border-radius: 100px;
    box-shadow: 0 0 5px 0 #00000033;
}
</style>